<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Register</title>

		<!-- <link rel="stylesheet" type="text/css" href="css/layout.css" /> -->
	</head>

	<body>
		<form action="#" method="post">
			<table>
				<tr>
					<td>用户名：</td>
					<td>
						<input name="username" placeholder="请输入用户名" autofocus />
					</td>
				</tr>
				<tr>
					<td>头像：</td>
					<td>
						<input type="file" name="pic" />
					</td>
				</tr>
				<tr>
					<td>昵称：</td>
					<td>
						<input name="nickname" placeholder="请输入昵称" />
					</td>
				</tr>
				<tr>
					<td>性别：</td>
					<td>
						<input type="radio" name="sex" value="male" />男
						<input type="radio" name="sex" value="female" />女
					</td>
				</tr>
				<tr>
					<td>邮箱：</td>
					<td>
						<input type="email" name="email" placeholder="请输入邮箱" />
					</td>
				</tr>
				<tr>
					<td>电话：</td>
					<td>
						<input type="tel" name="telephone" placeholder="请输入电话" />
					</td>
				</tr>
				<tr>
					<td>密码：</td>
					<td>
						<input type="password" name="password" placeholder="请输入密码" />
					</td>
				</tr>
				<tr>
					<td>确认密码：</td>
					<td>
						<input type="password" name="checkPassword" placeholder="请再次确认密码" />
					</td>
				</tr>
				<tr>
					<td>爱好：</td>
					<td>
						<input type="checkbox" name="hobby" value="sing" />唱
						<input type="checkbox" name="hobby" value="dance" />跳
						<input type="checkbox" name="hobby" value="rap" />rap
						<input type="checkbox" name="hobby" value="basketball" />篮球
					</td>
				</tr>
				<tr>
					<td>城市：</td>
					<td>
						<select id="province" name="province">
							<option value="">-选择省份-</option>
						</select>
						<select id="city" name="city">
							<option>-选择城市-</option>
						</select>
					</td>
				</tr>
				<tr id="ButtonBox">
					<td>
						<button type="reset">重置</button>
					</td>
					<td>
						<button type="submit">登录</button>
					</td>
				</tr>
			</table>

			<div>
				<h2>用户协议</h2>
				<textarea disabled>
					01.grbthgnbhnfnwvwtb4wvwtb3berb
					02.nyrmnyrtm4b35bwvt4beybrrdsgewbwrbrebb
					03.ygyfudvrbyv4t54tevulujhwbrbbber
					04.efvstvgyuegvybbrbrbreb
					05.vurvhuirwohvuwbvbrtbwrbreb
					06.y8ugyuigvuiguyhgrbrebcfuwv
					07.bcuwegifhoo3jrfhuwigwrbernbrvyuevcw4bv
					08.bwrgv8ou42ihg86vyiugqeuvib
					09.hbwuryvbiywrugvrbe8ivgw8ieuagvefqi2
					10.5df73cv83c28ogcukygebvbhwe
					11.dbsyuvbyrwiuvb8qygvq87igvybhjwvyu
					12.buwvbiuwgvujqehbvyiubviugwvuywvgwrkb
					13.bfoweuvhiwgvciuqgculyigvuywgvyukvwyuwgvulyiqvc
					14.jbvebuiuibybiuw
					15.rknwbvwilruoijbouenbuvywbkyvub
				</textarea>
				<p>
					<input name="agree" type="checkbox" checked />我已详细阅读并同意该协议
				</p>
			</div>
		</form>
		<script src="lib/jquery-3.6.0/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/jquery-validation-1.19.3/jquery.validate.min.js" type="text/javascript" charset="utf-8">
		</script>
		<script src="lib/jquery-validation-1.19.3/additional-methods.min.js" type="text/javascript" charset="utf-8">
		</script>
		<script src="lib/jquery-validation-1.19.3/localization/messages_zh.min.js" type="text/javascript"
			charset="utf-8"></script>
		<script src="js/script.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
